.huiyuan-bg {background: #d7ceb1}
.member-info-box {padding: 0 1rem 11rem}
.member-info {padding: 2rem 1rem;border-radius: .2rem}
.member-info-top {position:relative;margin-top: -3rem;padding:2rem 0;}
.col-font1 {color: #594a20}
.col-font2 {color: #74602b}
.col-font3 {color: #C59F51}
.bg-col1{background:#D7C283}
.p-10{padding:0 1.5rem;}


.member-view{position:absolute; z-index: 9;top:0;bottom:49px; overflow: auto;width:100%;-webkit-overflow-scrolling: touch;padding-bottom:40px;background:#000;}

.member-title1{max-width: 17.6rem}
.member-fuli{margin-top:1.5rem;padding:1.5rem 2rem 0;border-top:.1rem solid #d9d9d9;font-size: 0;}
.member-fuli span{width: 45%;vertical-align: top;font-size:1.4rem; text-align: center}
.member-fuli span+span{margin-left:5%}
.member-fuli img{width: 80%}
.member-title2{max-width:21.5rem}
.member-tb{min-height:5.5rem;}
.member-tb span{width: 74%;vertical-align: middle}
.member-tb:before{content: '';display: inline-block;width:5.5rem;height:5.5rem;background:no-repeat left center;background-size:5.5rem auto;margin-right:1rem; vertical-align: middle}
.member-tb1:before{background-image:url('http://yangege.b0.upaiyun.com/product/34010b486d95e.png')}
.member-tb2:before{background-image:url('http://yangege.b0.upaiyun.com/product/11e5e51abe939.png')}
.member-tb3:before{background-image:url('http://yangege.b0.upaiyun.com/product/11e5e51af92a6.png')}
.member-tb4:before{background-image:url('http://yangege.b0.upaiyun.com/product/22f3783213e9c.png')}
.member-tb5:before{background-image:url('http://yangege.b0.upaiyun.com/product/1795162300f34.png')}
.member-tb6:before{background-image:url('http://yangege.b0.upaiyun.com/product/22f3783273a74.png')}
.member-tb b{display:inline-block;font-size:1.6rem;color:#74602b;border-bottom: .2rem solid #74602b;margin-bottom:.3rem}

.member-info-bottom{position:fixed;z-index: 1;left:0;bottom:0;width:100%;box-sizing: border-box;border-top:.1rem solid #e0e0e0; transition: .3s}
.member-xy-btn i{width: 1.2rem;height: 1.2rem;border:.1rem solid #000;box-sizing: border-box;margin-right:.5rem;vertical-align: middle}
.member-xy-btn.on i:before{content: '';position:relative;display: inline-block;left:.2rem;top:-.5rem;width: 1.4rem;height: 1rem;background:url(~images/recruit/dui_black.png) no-repeat center;background-size:contain}
.member-open-btn,.gift-btn{display: block;height:49px;line-height:49px;background:#B2A17D}
.member-open-btn.on,.gift-btn.on{background:#999}

.member-product{padding:2rem 0;}
.member-product section{position:relative;padding:2rem 1.5rem 0;margin-top:1.8rem;border-top:.1rem solid #d9d9d9;}
.member-product .product-tu{width: 10rem;height: 10rem;background:url(https://yangege.b0.upaiyun.com/1794a971b4043.png) no-repeat center;background-size: cover;}
.member-product ul{margin-left:11rem;min-height:10rem;}
.member-product ul li:first-child{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.member-product ul em{max-width:14rem;height:1.6rem;line-height:1.6rem;background: #d7ceb1;padding:0 .2rem;margin-right:.5rem;color:#594a20; overflow: hidden;margin-bottom:-.3rem}
.member-product .product-info-btn{position:absolute;left:12.5rem;bottom:.5rem;width: 7rem;height: 2.8rem;line-height: 2.8rem;background:#5B4A24;}

.share-tan{position:fixed; z-index: 99;left:0;top:0;width:100%;height: 100%;box-sizing: border-box;padding:1rem;}
.share-jt img{ height:10.5rem; }
.share-tb:after{content: '';display: inline-block;width:2rem;height: 2rem;background:url(~images/recruit/fx-tb.png) no-repeat center;background-size:cover; vertical-align: middle;margin-left:.5rem;}
.share-btn{position:absolute; z-index: 5;left:50%;bottom:5rem;padding:0 1rem;height:3.2rem;line-height: 3.2rem;border:.1rem solid #fff;-webkit-transform:translate(-50%,0);}

.gift-box{position:fixed; z-index: 99;left:0;bottom:0;width: 100%;max-width: 640px;}
.gift-title{height:5rem;line-height: 5rem;margin: 0 1rem;}
.close-tb{position:absolute; z-index: 5;right:0;top:2rem;width: 3rem;height:3rem;margin-top:-1.5rem;background:url(~images/recruit/close_line_black.png) no-repeat center; background-size:1.2rem auto}
.gift-info ul{padding:1rem 0;border-top:.1rem solid #d9d9d9;border-bottom:.1rem solid #d9d9d9;}
.gift-info ul:first-child{display: block}
.gift-swiper{padding:0 1.5rem;overflow: hidden;}
.gift-swiper .swiper-slide a{width: 100%;padding-top:100%;background:url(https://yangege.b0.upaiyun.com/1794a971b4043.png) no-repeat center top;background-size:cover;vertical-align: top;}
.gift-swiper .swiper-slide video,.video-box video{position:absolute; z-index:3;left:0;top:0;width: 100%;height: 100%;}
.video-play-box{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;box-sizing: border-box;}
.video-play-box video{position:absolute; z-index:5;left:0;top:50%;width: 100%;-webkit-transform: translate(0,-50%);box-sizing: border-box;}
.video-box i{position:absolute; z-index: 9;left:0;top:0;width:100%;height: 100%;background:url('http://yangege.b0.upaiyun.com/product/179586e7ad970.png') no-repeat center rgba(0,0,0,.4);background-size:36% auto;}
.video-button{position:absolute;z-index:12;right:1.5rem;top:2rem;width:4rem;height: 4rem;border-radius:50%;text-align: center;background:url(~images/recruit/close-white.png) no-repeat center rgba(0,0,0,.1);background-size:contain;color:#fff;}
.video-play-box span{position: absolute; z-index: 1;width: 100%;height: 100%;left:0;top:0;}

.gift-text{max-height: 3.8rem; line-height: 1.2; text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
.gift-desc{height: 4.6rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.gift-nav{max-height:13rem;padding:1rem 1.5rem; box-sizing: border-box;overflow: hidden}
.gift-nav i{min-width: 6rem; max-width:13rem;height: 3rem;line-height: 3rem;padding:0 .5rem;background:#f0f0f0;border:.1rem solid #d9d9d9;box-sizing: border-box;margin:0 1rem 1rem 0;color:#858585;text-align: center;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.gift-nav .on{background:#000;color: #fff ;border:none;}
.gift-btn{-webkit-tap-highlight-color:transparent;}

.member-info-title{border:.05rem solid #998f73;padding:.2rem;}
.member-info-title span{display: block;height:3rem;line-height:3rem;padding:0 .8rem;border:.05rem solid #998f73;}

.tip-yq{position:fixed;z-index: 99;left:0;top:0;width:100%;height: 5rem;line-height: 5rem;box-sizing: border-box;padding:0 1.5rem;background:rgba(0,0,0,.6)}
.tip-yq.tip-app{top:4.2rem;}
.tip-avatar{width: 3.2rem;height: 3.2rem;background:url(https://yangege.b0.upaiyun.com/1794a971b4043.png) no-repeat center;background-size:cover;margin-top:.9rem;border-radius:50%; vertical-align: top}
.tip-back{width: 3rem;height: 5rem;background:url(~images/recruit/home-white.png) no-repeat right center;background-size:1.8rem auto;}

.member-tuijian{padding:1rem;border-top:.05rem solid #D9D9D9}
.member-tuijian input{width: 18rem;height: 4rem;border:.1rem solid #d9d9d9;box-sizing: border-box;padding:0 .5rem;font-size: 14px;-webkit-tap-highlight-color:transparent; -webkit-appearance: none;}
.tui-tximg{width:5rem;height:5rem;background:url(https://yangege.b0.upaiyun.com/1794a971b4043.png) no-repeat center;background-size:cover;border-radius:50%; vertical-align: middle}
.member-tuijian span{vertical-align: middle}


/*appbar*/
.pt-45{padding-top:4.5rem;}
.app-bar{position:fixed; z-index: 100;left:0;top:0;width:100%;height:4.5rem;line-height:4.5rem;padding:0 1rem;box-sizing: border-box}
.app-bar .pin-back{width:3rem;height:4.5rem;line-height: 4.8rem;background:url(~images/recruit/arrow-left-white.png) no-repeat .6rem center;background-size:1.2rem auto;}
.app-bar b{position:absolute; z-index: 5;left:50%;top:50%;-webkit-transform: translate(-50%,-50%); letter-spacing: .1rem;}
.promotion-bar .share-top-tb{width:3rem;height:3rem;background:url(~images/recruit/share-icon-black.png) no-repeat center;background-size:2rem auto;margin-top:.7rem;}

/*弹框*/
.dialog-box{display:none;position:fixed; z-index: 99;left:50%;top:50%;width: 80%;-webkit-transform: translate(-50%,-50%);}
.dialog-info{padding:30px; line-height: 1.6;}
.dialog-btn{border-top:1px solid #e0e0e0;font-size:0;}
.dialog-btn i{width: 50%;height:50px;line-height:50px;box-sizing: border-box;font-size:14px;}
.dialog-btn i:first-child{border-right:1px solid #e0e0e0;}


/*new会员*/
.pb-8{padding-bottom:8rem;}
.huiyuan-bg2 {background: #1540ba}
.member-frist-view{padding-bottom:3rem;background:#1540ba}
.gift-top-swiper{position:absolute; z-index:5;left:0;bottom:5rem;width:100%;padding:0 1rem;box-sizing: border-box}
.gift-top-swiper .swiper-slide{padding-top:4rem;}
/*.gift-top-swiper .swiper-slide:before{content: '';position:absolute;z-index: 5;left:0;top:0;width: 100%;height:3.5rem;background:url("https://img.gegejia.com/product/3402c35ab2efa.png") no-repeat center;background-size:auto 100%;border-bottom:.5rem solid #eb4a4a;}*/
.gift-top-swiper .swiper-slide a{box-shadow: .3rem .3rem .8rem rgba(0,0,0,.5)}
.gift-top-desc{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}


.cf-rank{position:absolute; z-index: 5;left:50%;bottom:4rem;width: 90%;height: 4.8rem;line-height: 4.8rem;padding:0 1rem;background:rgba(166,166,166,.8);border-radius:.8rem;-webkit-transform:translate(-50%,0);box-sizing: border-box}
.cf-rank i{font-size:16px;color:#9e0a0a}
.cf-info{margin:1rem 0 0 9rem;padding-left:1rem;overflow: hidden;line-height: 1.4;}
.cf-rank marquee{height:2.8rem;}
.pay-success-info{position: absolute; z-index: 9;top:6rem;left:0;width: 100%; line-height:1.6;padding:0 1rem;box-sizing: border-box}
.pay-success-txt{color:#D8A877}
.pay-down-app{margin:14rem 2.8rem 0;}
.pay-down-app a{display: block;height: 5.2rem;line-height: 5.2rem;border-radius:3rem;background:#D8A877;}

.alipay-close{position: absolute; z-index: 5;left:3rem;top:6rem;width:4rem; }
.pay-result-btn{position:fixed; z-index: 9;left:50%;bottom:8rem;width:12rem; height:3.6rem;line-height: 3.6rem;text-align: center;border:1px solid #fff;-webkit-transform: translate(-50%,0)}

.member-video{position:relative;padding-top:53.33%;margin-bottom:40px;background:url(https://yangege.b0.upaiyun.com/1794a971b4043.png) no-repeat center;background-size:cover}
.member-video iframe{position: absolute;z-index: 3;left:0;top:0;width: 100%;height: 100%;}

@media screen and (max-width: 320px){
    .member-tb span{width:68%}
    .self-buy-info > i{width:74%}
    .member-info-bottom{font-size: 1.2rem}
    .reward-top-info span{width: 50%;}
    .self-time{margin-top:.2rem;}
    .member-product .product-tu{width: 8rem;height: 8rem}
    .member-product ul{margin-left:9rem;}
    .list-price{position: static;width:100%;padding:0;}
    .gift-top-swiper{bottom:2rem;}
}
@media screen and (min-width: 640px){
    .gift-box{left:50%;-webkit-transform:translate(-50%,0);}
}

/*半透明消息框*/
.protips{ display: none; position: fixed; z-index:99;top: 50%; left: 50%; width: 64%; padding:2rem 1rem; background: rgba(0,0,0,0.8); line-height: 1.8; -webkit-transform:translate(-50%,-50%); border-radius: 3px; color: #fff;}
.pay-protips{background:rgba(255,255,255,.8);color:#000}

.recruit-btn{position:fixed;z-index: 1;left:0;bottom:0;width:100%;height:49px;box-sizing: border-box;background: #B2A17D;}
.new-tip{position: fixed;z-index: 9;left:10px;top:70px;height: 24px; overflow: hidden;}
.new-tip li{width:auto;}
.new-tip li p{width:168px;height:24px;line-height:24px;padding-right:12px;border-radius:20px;background:rgba(255,255,255,.8)}
.new-tip li i{width:24px;height:24px;margin-right:5px;border-radius:50%;background:no-repeat center;background-size:cover; vertical-align: top;}
.save-money,.make-money{position: relative}
.save-money marquee{height: 24px;text-align: center;}
.save-money section{position:absolute;z-index:2;left:50%;top:10px;width:70%;height:24px; overflow: hidden; line-height:24px;-webkit-transform: translate(-50%,0)}
.make-money marquee,.swiper-make{position:absolute;z-index:2;left:50%;top:18%;width: 70%;height:200px;pointer-events:none;overflow:hidden;text-align: center;-webkit-transform: translate(-50%,0)}
/*.swiper-make .swiper-wrapper{height: 24px;}*/

.product-box{padding:10px;background:#000;}
.product-box li{float:left;width: 48.5%;margin-bottom:10px;}
.product-box li:nth-of-type(2n){float:right;}
.product-box .product-tu {width: 100%;padding-top:100%;background:url(https://yangege.b0.upaiyun.com/1794a971b4043.png) no-repeat center;background-size: cover; vertical-align: top;}
.product-info {padding:5px;}
.product-title {height: 40px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.back-top{display:none;position:fixed;z-index:9;right:10px;bottom:80px;width:35px;height:35px;background:url(https://img.gegejia.com/product/1d4a5732f8283.png) no-repeat center;background-size:cover;-webkit-transition:.3s;}
.new-tip-isapp{top:116px;}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
.member-name {max-width:110px;text-overflow: ellipsis;white-space:nowrap;overflow: hidden; vertical-align: top;}
@media screen and(max-width:320px){
    .member-name {
        max-width:72px;
    }
}

.list-more {
    position: relative;
}
.list-more i {
    position: absolute;
    z-index: 5;
    top:50%;
    left:50%;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background:#c1af8b;
    border-radius:20px;
    color:#fff;
    -webkit-transform: translate(-50%,-50%);
}
.member-video-box {
    padding-top:60%;
}